Which Metaverse Universe Should You Live In?

Which Metaverse Universe Should You Live In? body { margin: 0; padding: 0; background-color: #000; color: #fff; font-family: Arial, sans-serif; } #metaverse-quiz { width: 100%; max-width: 1200px; margin: 20px auto; padding: 20px; box-sizing: border-box; } h2 { text-align: center; margin-bottom: 30px; color: #fff; } .questions-container { display: block; } .question-box { background: #1a1a1a; border: 1px solid #444; border-radius: 8px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); padding: 20px; margin-bottom: 20px; width: 100%; box-sizing: border-box; } .question-box p { margin: 0 0 15px 0; font-size: 18px; font-weight: bold; } .question-number { display: inline-block; background: #c1205b; color: #fff; width: 30px; height: 30px; text-align: center; line-height: 30px; border-radius: 50%; margin-right: 10px; font-size: 16px; } /* Changed display to block so answers are listed vertically */ .option-label { display: block; width: 100%; margin: 5px 0; vertical-align: top; text-align: left; cursor: pointer; padding: 10px; border-radius: 4px; transition: background-color 0.3s ease; border: 1px solid transparent; } .option-label:hover { background-color: #333; } .option-label input { margin-right: 8px; cursor: pointer; } .option-label input:checked + span { border: 1px solid #c1205b; padding: 8px; display: inline-block; border-radius: 4px; } .submit-container { text-align: center; width: 100%; margin-top: 20px; } .submit-button { padding: 12px 20px; font-size: 18px; color: #fff; background-color: #c1205b; border: none; border-radius: 8px; cursor: pointer; transition: background-color 0.3s ease; } .submit-button:hover { background-color: #a51549; } #result { margin-top: 20px; padding: 20px; border: 2px solid #c1205b; border-radius: 8px; background-color: #1a1a1a; display: none; text-align: center; } #result h3 { margin-bottom: 10px; color: #c1205b; } 🌐 Which Metaverse Universe Should You Live In? 1How would you describe your digital lifestyle? Decentraland – Vibrant and urban The Sandbox – Creative and playful Your Digital Planet – Unique and personal 2What type of virtual community do you value? Collaborative & Urban Creative Playground Independent Realm 3How do you like to express your creativity online? Interactive Art Game-like Creations Custom World Building 4What pace suits you best in a virtual world? Vibrant & Lively Playful & Dynamic Chill & Personalized 5How important is customization in your digital environment? Extremely important Moderately important I want total freedom to create my own rules 6How do you prefer to socialize online? Large-scale virtual events Intimate, creative gatherings Personal, solo exploration 7What attracts you most about the metaverse? A vibrant decentralized community Immersive, game-like interactions Complete creative control over your own universe 8How adventurous are you in trying new digital experiences? Bustling digital cities excite me I'm all about experimental, fun interactions I crave something unique that's all my own 9How do you define your ideal virtual home? Modern, connected urban living A creative, playful space An entirely personal world built by me 10What best represents your digital ambition? Thriving in a community-powered ecosystem Inventing and innovating through play Complete autonomy and custom creation Finish Quiz Result: function calculateResult() { const form = document.forms.quizForm; const questions = ["q1", "q2", "q3", "q4", "q5", "q6", "q7", "q8", "q9", "q10"]; let scores = { "Decentraland": 0, "Sandbox": 0, "DigitalPlanet": 0 }; // Tally score for each outcome option based on user's answers questions.forEach(q => { let options = form[q]; for (let i = 0; i maxScore) { maxScore = scores[outcome]; chosenOutcome = outcome; } } let messages = { "Decentraland": "You should live in Decentraland! You love vibrant, community-focused digital urban life with endless interaction and creativity.", "Sandbox": "The Sandbox is your ideal universe! You're all about playful exploration, inventive ideas, and creative experimentation in a dynamic environment.", "DigitalPlanet": "Your own Digital Planet is calling! You crave complete autonomy, personalization, and the freedom to build your own unique digital universe." }; document.getElementById("resultText").innerText = messages[chosenOutcome]; document.getElementById("result").style.display = "block"; }